<extend name="Base/common"/>

<block name="head"></block>
<block name="body">
    <script type="text/javascript">
        $(".navbar-nav li").eq(8).addClass("active");
    </script>
    <div class="container contact-con">
        <div class="booking_title"><h1>聯系我們</h1></div>
        <foreach name="contacts" item="data" key='key2'>
            <div class="contact">
                <h1>{$data['title']}  </h1>
                <p>中心地址：{$data['address']}         
                    <button class="places" type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#map" data-map="{$data['map']}"><i class="fa fa-search-plus"></i>點擊查看地圖 </button>       
                </p>
                <p>電話:{$data['phone']}</p>
                <p>E－mail:{$data['Email']}</p>
            </div>
            <div class="instru">
                <!-- Swiper -->
                <div class="swiper-con">
                    <div class="swiper-container swiper{$key2+1}">
                        <div class="swiper-wrapper">
                            <volist name="data.images" id="vo">
                                <div class="gallery swiper-slide ">
                                    <a href="__ROOT__{$vo|get_cover='path'}" rel="prettyPhoto" class="div_con">
                                        <img src="__ROOT__{$vo|get_cover='path'}" alt="">
                                    </a>
                                </div>
                            </volist>
                        </div>
                    </div>
                    <div class="swiper-button-next swiper-next{$key2+1}"></div>
                    <div class="swiper-button-prev swiper-prev{$key2+1}"></div>
                </div>
                <!-- Swiper end-->
            </div>
        </foreach>
    </div><!--container--> 

    <!-- google Map modal -->
    <div id="map" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="gmap3"></div>
            </div>
        </div>
    </div>
    <block name="footer"></block>
</block>